<template>
  <div class="reView">
    <div class="reViewItem" v-for="item in reView">
      <a href="#">
        <img :src="item.img" alt="">
        <div>{{item.title}}</div>
      </a>
    </div>
  </div>
</template>

<script>
    export default {
        name: "RecommendView",
        props:{
            reView:{
                type:Array,
                default() {
                    return [];
                }
            }
        }
    }
</script>

<style scoped>
  .reView{
    display: flex;
    font-size: var(--font-size);
    width:100%;
    text-align: center;
    padding: 10px 0 28px;
    border-bottom: 8px solid #eee;
  }
  .reViewItem{
    flex: 1;
  }
  .reViewItem img{
    width:65px;
    height: 65px;
    border-radius: 50px;
    margin-bottom: 7px;
  }
  .reViewItem .active{
    color: var(--color-high-text);
  }
</style>
